<style type="text/css">
h4.accordion.sub-title {
    padding-bottom: 3px;
    border-bottom: 1px dashed #e5e5e5;
}
</style>
<div ng-controller="accordionController">
    <h4 class="accordion sub-title">展示</h4>
    
    <h5>Panel 1</h5>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
            	<span class="glyphicon" ng-class="collapsed40?'glyphicon-chevron-down':'glyphicon-chevron-up'" ng-click="collapsed40 = !collapsed40; "></span>
			</h4>
        </div>
        <div class="panel-collapse collapse" ng-class="{in: collapsed40}">
            <div class="panel-body">可折叠内容1</div>
        </div>
        <div class="panel-heading">
            <h4 class="panel-title">
            	<span class="glyphicon" ng-class="collapsed41?'glyphicon-chevron-down':'glyphicon-chevron-up'" ng-click="collapsed41 = !collapsed41"></span>
			</h4>
        </div>
        <div class="panel-collapse collapse" ng-class="{in: collapsed41}">
            <div class="panel-body">可折叠内容2</div>
        </div>
        <div class="panel-heading">
            <h4 class="panel-title">
            	<span class="glyphicon" ng-class="collapsed42?'glyphicon-chevron-down':'glyphicon-chevron-up'" ng-click="collapsed42 = !collapsed42"></span>
			</h4>
        </div>
        <div class="panel-collapse collapse" ng-class="{in: collapsed42}">
            <div class="panel-body">可折叠内容3</div>
        </div>
    </div>
    <hr>
    <h5>Panel 2</h5>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
            	<span class="glyphicon" ng-class="collapsed5 == 0 ?'glyphicon-chevron-down':'glyphicon-chevron-right'" ng-click="collapsed5 = (collapsed5 == 0? -1 : 0)"></span>
            	标题1
			</h4>
        </div>
        <div class="panel-collapse collapse" ng-class="{in: collapsed5 == 0}">
            <div class="panel-body">可折叠内容1</div>
        </div>
        <div class="panel-heading">
            <h4 class="panel-title">
            	<span class="glyphicon" ng-class="collapsed5 == 1?'glyphicon-chevron-down':'glyphicon-chevron-right'" ng-click="collapsed5 = (collapsed5 == 1? -1 : 1)"></span>
            	标题2
			</h4>
        </div>
        <div class="panel-collapse collapse" ng-class="{in: collapsed5 == 1}">
            <div class="panel-body">可折叠内容2</div>
        </div>
        <div class="panel-heading">
            <h4 class="panel-title">
            	<span class="glyphicon" ng-class="collapsed5 == 2?'glyphicon-chevron-down':'glyphicon-chevron-right'" ng-click="collapsed5 = (collapsed5 == 2? -1 : 2)"></span>
            	标题3
			</h4>
        </div>
        <div class="panel-collapse collapse" ng-class="{in: collapsed5 == 2}">
            <div class="panel-body">可折叠内容3</div>
        </div>
    </div>

</div>
